<template>
  <div class="c_right">
    <div class="c_top flex-column align-center flex">
      <div class="new_top m-auto"></div>
      <h3 class="m-0 p-0 mb-1">List information</h3>
      <h4 class="m-0 p-0 mb-1">挂单信息</h4>
    </div>
    <div class="c_bottom">
      <el-table
        :data="tableData"
        style="width: 100%;padding-top:25px;padding-left:50px;padding-right:50px;text-align:center;"
      >
        <el-table-column prop="vcNumber" label="编号" width="180" style="text-align:center;"></el-table-column>
        <el-table-column prop="vcTypeName" label="品种" width="180"></el-table-column>
        <el-table-column prop="vcCalorificValue" label="发热量"></el-table-column>
        <el-table-column prop="vcCakingIndex" width="100" label="粘结指数"></el-table-column>
        <el-table-column prop="vcTotalSulphur" width="60" label="硫份"></el-table-column>
        <el-table-column prop="vcCount" width="60" label="数量"></el-table-column>
        <el-table-column prop="decPrice" label="价格"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import flcdApi from "@/api/newCenter/flcd";
export default {
  data() {
    return {
      tableData: [],
      intDicId:"",
      intCityId:"",
      pageSize:6,
      pageIndex:1,
    };
  },
  mounted() {
    this.gettable()
  },
  methods: {
    gettable() {
      flcdApi
        .mtxxList({intStruts:"1",intDicId:this.intDicId,intCityId:this.intCityId,pageSize:this.pageSize,pageIndex:this.pageIndex})
        .then((res) => {
          this.tableData = res.data.data.records
        })
        .catch(() => {});
    },
  },
};
</script>

<style lang="stylus" scoped>
.c_right {
  margin-right: 34px;
  width: 860px;
  height: 442px;
}

.c_top {
  width: 860px;
  height: 140px;
  background: #CBECFF;

  h3 {
    font-size: 32px;
    color: #333333;
  }

  h4 {
    font-size: 24px;
    font-weight: 400;
    color: #0B0B0C;
  }
}

.c_bottom {
  width: 860px;
  height: 290px;
  background: #FFFFFF;
  box-shadow: 6px 7px 52px 5px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
}
</style>